<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no, address=no, email=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="x5-orientation" content="portrait">
	<title>限时抢购</title>
	<link href="../lib/swiper/swiper-3.3.1.min.css" rel="stylesheet">
	<link href="../lib/weui/weui.min.css" rel="stylesheet">
	<link href="../css/style.css" rel="stylesheet">
	<link href="../css/details.css" rel="stylesheet">

</head>
<body>
<div class="small_page">
	<!-- <div class="small_head">
		<div class="go-back"></div>
		<div class="head-title">店铺分类</div>
		<div class="tool-box"><img src="../images/more-ico.png" style="width:.8rem;"></div>
	</div> -->
	<div class="small_body">
		<div class="warp-pages">
				<!--抢购时间 -->
				<div class="swiper-container02 swiper-container-horizontal small-swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="small-slide"><p>20:00</p><span>已开抢</span></div>
						</div>
						<div class="swiper-slide">
							<div class="small-slide"><p>21:00</p><span>已开抢</span></div>
						</div>
						<div class="swiper-slide swiper-slide-active">
							<div class="small-slide"><p>09:00</p><span>抢购中</span></div>
						</div>
						<div class="swiper-slide swiper-slide-next">
							<div class="small-slide"><p>10:00</p><span>即将开场</span></div>
						</div>
						<div class="swiper-slide">
							<div class="small-slide"><p>12:00</p><span>即将开场</span></div>
						</div>
						<div class="swiper-slide">
							<div class="small-slide"><p>20:00</p><span>即将开场</span></div>
						</div>
						<div class="swiper-slide">
							<div class="small-slide"><p>20:00</p><span>即将开场</span></div>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
				<!--图片轮播  -->
				<div class="head-banner">
					<div class="swiper-container">
						<div class="swiper-wrapper tc">
							<div class="swiper-slide">
								<img src="../images/640-150small01.jpg" style="width:100%;"/>
							</div>
							<div class="swiper-slide">
								<img src="../images/640-150small01.jpg" style="width:100%;" />	
							</div>
							<div class="swiper-slide">
								<img src="../images/640-150small01.jpg" style="width:100%;" />
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
				
			
			<div class="weui-cells no-end small-cells" style="background:#f2f3f5;">
				<div class="weui-cell">	
					<div class="weui-cell__bd">
						<p class="prices" style="display:inline-block;font-size:.6rem;">限时限量 疯狂抢购</p>
					</div>
					<div class="weui-cell__ft">
						<p class="old-price" style="font-size:.6rem;">距离本场结束 00:15:43</p>
					</div>
				</div>
			</div>
			<div class="weui-cells no-end small-cells">
				<div class="weui-cell" style="padding:.4rem 15px .4rem 0">
					<div class="weui-cell__hd">
						<img src="../images/pro01.jpg" style="display:block;margin-right:.4rem;width:3.5rem;">
					</div>	
					<div class="weui-cell__bd">
						<p class="title">直降100 法国珍藏AOP红酒12瓶</p>
						<p class="old-price">2套加送神器冰柱</p>
						<div class="weui-progress small-progress">
							<div class="weui-progress__bar">
								<div class="weui-progress__inner-bar js_progress" style="width: 60%;">已抢165件</div>
							</div>
							<span>60%</span>
						</div>
						<div class="btn-box clearfix">
							<div class="fl">
								<p class="prices" style="display:inline-block;"><span>￥</span>389</p>
								<p class="old-price" style="display:inline-block;"><span>￥3600</span></p>
							</div>
							<a class="btn-go fr" href="#">马上抢</a>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cells no-end small-cells">
				<div class="weui-cell" style="padding:.4rem 15px .4rem 0">
					<div class="weui-cell__hd">
						<img src="../images/pro01.jpg" style="display:block;margin-right:.4rem;width:3.5rem;">
					</div>	
					<div class="weui-cell__bd">
						<p class="title">直降100 法国珍藏AOP红酒12瓶</p>
						<p class="old-price">2套加送神器冰柱</p>
						<div class="weui-progress small-progress">
							<div class="weui-progress__bar">
								<div class="weui-progress__inner-bar js_progress" style="width: 60%;">已抢165件</div>
							</div>
							<span>60%</span>
						</div>
						<div class="btn-box clearfix">
							<div class="fl">
								<p class="prices" style="display:inline-block;"><span>￥</span>389</p>
								<p class="old-price" style="display:inline-block;"><span>￥3600</span></p>
							</div>
							<a class="btn-go fr" href="#">马上抢</a>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cells no-end small-cells">
				<div class="weui-cell" style="padding:.4rem 15px .4rem 0">
					<div class="weui-cell__hd">
						<img src="../images/pro01.jpg" style="display:block;margin-right:.4rem;width:3.5rem;">
					</div>	
					<div class="weui-cell__bd">
						<p class="title">直降100 法国珍藏AOP红酒12瓶</p>
						<p class="old-price">2套加送神器冰柱</p>
						<div class="weui-progress small-progress">
							<div class="weui-progress__bar">
								<div class="weui-progress__inner-bar js_progress" style="width: 60%;">已抢165件</div>
							</div>
							<span>60%</span>
						</div>
						<div class="btn-box clearfix">
							<div class="fl">
								<p class="prices" style="display:inline-block;"><span>￥</span>389</p>
								<p class="old-price" style="display:inline-block;"><span>￥3600</span></p>
							</div>
							<a class="btn-go fr" href="#">马上抢</a>
						</div>
					</div>
				</div>
			</div>
			
			
		
		
		
		</div>
	</div>
	 <!-- <div class="small_foot">
		<div class="abtn-box">
			<a href="#" class="icon-box">
				<img src="../images/icon01.png">
				<p>客服</p>
			</a>
			<a href="#" class="icon-box">
				<img src="../images/icon02.png">
				<p>购物车</p>
			</a>
			<a href="#" class="icon-box">
				<img src="../images/icon03.png">
				<p>我要推荐</p>
			</a>
			<a href="#" class="add-cat" style="line-height:1.5em; background:#656566;">
				<p style="font-size:.6rem;line-height:1.4em;padding-top:.2rem;">￥59.50</p>
				<p style="font-size:.5rem;line-height:1.6em">单独购买</p>
			</a>
			<a href="#" class="add-buy" style="line-height:1.5em; background:#ff3900;">
				<p style="font-size:.6rem;line-height:1.4em;padding-top:.2rem;">￥69.00</p>
				<p style="font-size:.5rem;line-height:1.6em">2人团</p>
			</a>
		<div>
	</div>  -->
	
</div>


</body>
<script src="../lib/jquery/jquery-1.10.1.min.js"></script>
<script src="../lib/swiper/swiper-3.3.1.jquery.min.js"></script>
<script src="../js/comm.js"></script>
<script>
	$(function(){
		var ua = navigator.userAgent.toLowerCase();
		if (/iphone|ipad|ipod/.test(ua)) {
			var swiper = new Swiper('.swiper-container', {
				//effect: 'cube',
				grabCursor: true,
				pagination: '.swiper-pagination',
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				autoplay: 4000,
				cube: {
					shadow: true,
					slideShadows: true,
					shadowOffset: 20,
					shadowScale: 0.94
				}
			});

		} else /*if (/android/.test(ua))*/ {
			var swiper = new Swiper('.swiper-container', {
				autoplay: 4000,
				pagination: '.swiper-pagination',
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				cube: {
					shadow: true,
					slideShadows: true,
					shadowOffset: 20,
					shadowScale: 0.94
				}
			});

		}

		 //时间轮播
		var appendNumber = 4;
		var prependNumber = 1;
		var swiper = new Swiper('.swiper-container02', {
			slidesPerView: 4, // 显示几个
			initialSlide :2, //选择的引索值
			centeredSlides: true, 
			paginationClickable: true,
			spaceBetween: 0,
		});
      
	})
</script>

</html>